; (function () {
  const template = `<div class="col-sm-3 col-md-2 sidebar">
    <ul class="nav nav-sidebar">
      <!--exact 精确匹配路由 -->
      <router-link to="/" tag="li" exact>
       <a>
        首页<span v-show="delNum">({{delNum}})</span>
       </a> 
      </router-link>
      <router-link to="/news" tag="li" >
       <a>新闻管理</a> 
      </router-link> 
      <router-link to="/about" tag="li">
       <a>关于我们</a>
      </router-link>
    </ul>
  </div>`

  window.AppLeaf = {
    template,

    data() {
      return {
        delNum: 0 //初始化数量
      }
    },

    created() {
      //一开始初始化实例时，就进行订阅消息
      PubSub.subscribe('changeNum', (event, num) => {// 箭头函数,本身无this，下面的this表示的是Vue实例
        // 删除成功 
        this.delNum = this.delNum + num
      })
    },
  }

})()